@charset "utf-8";
@import "utils";
/*@import "reset";*/
/*@import "common";*/ 

.aseweb
{
    @include web; 
    .middle 
    { 
        margin-top: r(30);
        @include midContent; 
        .order_goods{
            font-size: 0;
            margin-top: r(15);
            width: 100%;
            background: #f6f6f6;
            overflow: hidden;
            .order_goods_left{
                vertical-align: top;
                display: inline-block;
                &>div{
                    margin:r(15) r(25) r(15) r(20) ;
                    width: r(160);
                    height: r(160);
                    @include aImg;
                }
            }
            .order_goods_right{
                width: r(480);
                overflow: hidden;
                display: inline-block;
                position: relative;
                .goods_right_top{
                    width: r(350);
                    margin-top: r(10);
                    overflow: hidden;
                    p{
                        color: #7c7c7c;
                        margin-top: r(10);
                        font-size: r(19+8);
                        overflow: hidden;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                    }
                }
                .Payment_already{
                    position: absolute;
                    top: r(30);
                    right: r(0);
                    width: 45%;
                    text-align: right;
                    overflow: hidden;
                    p{
                        color: 666666;
                        font-size: r(18+8);
                    }
                }
                .goods_right_bottom{
                    margin-top: r(-50);
                    text-align: right;
                    p{
                        color: #535353;
                        font-size: r(13+8);
                    }
                    span{
                        margin-top: r(5);
                        color: #a5a5a5;
                        font-size: r(11+8);
                    }
                }
            }
        }
        
        .middle_content
        {
            width: r(708);
            height: r(150);
            border: 1px solid #b9bab9;
            margin: r(60) auto;
            border-radius: r(5);
            text-align: center;
            textarea
            {
                width: r(670);
                height: r(130);
                font-size: r(25+8);
                margin-top: r(15);
                border: 0;
                display: inline-block;
                resize: none;
                
            }
        }
        .middle_content_button
        {
            margin-top: r(70);
            margin-bottom: r(90);
            text-align: center;
            div
            {
                width: r(460);
                font-size: r(25+8);
                clear: #808180;
                padding: r(17) r(0);
                border: 1px solid #808180;
                margin: auto;
                
            }
        }
        .middle_content_text
        {
            margin: auto;
            margin-top: r(60);
            width: r(690);
            border-bottom: 1px solid #d0d0d0;
            padding-left: r(20);
            overflow: hidden;
            .name
            {
                font-size: r(30+8);
                color: #d87e67;
                padding-bottom: r(29);
                white-space: nowrap;
                overflow: hidden;
                text-overflow:ellipsis;
            }
            .commentaries
            {
                font-size: r(23+8);
                color: #626362;
                padding-bottom: r(29);
                white-space:nowrap;
                overflow: hidden;
                text-overflow:ellipsis;
            }
            
        }
    }
}
